<template>
  <div>

    <div v-if="explain">
      <el-image :src="explain.explain_url">
        <div slot="placeholder" class="image-slot">
          加载中<span class="dot">...</span>
        </div>
      </el-image>
      <el-image :src="explain.explain_url2">
        <div slot="placeholder" class="image-slot">
          加载中<span class="dot">...</span>
        </div>
      </el-image>
      <el-image :src="explain.explain_url3">
        <div slot="placeholder" class="image-slot">
          加载中<span class="dot">...</span>
        </div>
      </el-image>
    </div>
    <div v-else>
      <el-empty description="暂无说明图"></el-empty>
    </div>

  </div>
</template>

<script>
export default {
  name: 'KodaiBabyDetails',
  props: {
    explain: {
      type: Array,
      // 这里代表是从父传来的是对象  默认值必须是一个函数
      default () {
        return []
      }
    }
  },
  data () {
    return {

    }
  },

  mounted () {
  },

  methods: {

  },
};
</script>

<style lang="scss" scoped></style>